<form class="form-inline form-group-sm col-sm-12 block" id="form-query">
    <div class="form-group">
        {!! Form::label('id', 'ID:') !!}
        {!! Form::text('id', null, ['class' => 'form-control form-control-sm']) !!}
    </div>
    <div class="form-group">
        {!! Form::label('category_id', '分类:') !!}
        {!! Form::select('category_id', array_prepend($categories, '无', 0), $article->category_id ?? 0, ['class' => 'form-control form-control-sm']) !!}
    </div>
    <div class="form-group">
        {!! Form::label('title', '标题:') !!}
        {!! Form::text('title', null, ['class' => 'form-control form-control-sm']) !!}
    </div>
    <div class="form-group">
        {!! Form::label('start_date', '查询日期:') !!}
        <div class="input-daterange input-group">
            <input type="text" class="form-control form-control-sm date" name="start_date" placeholder="开始时间">
            <div class="input-group-prepend input-group-append">
                <span class="input-group-text font-w600">
                    <i class="fa fa-fw fa-arrow-right"></i>
                </span>
            </div>
            <input type="text" class="form-control form-control-sm date" name="end_date" placeholder="截止时间">
        </div>
    </div>
    <div class="form-group">
        <button type="button" class="btn btn-primary btn-sm" id="btn-query">查 询</button>
    </div>
</form>

<script>
    $(function () {
        //同时绑定多个
        lay('.date').each(function(){
            laydate.render({
                elem: this
                ,type: 'datetime'
                ,trigger: 'click'
            });
        });

        $('#btn-query').click(function () {
            $('#table').bootstrapTable('refresh');
        });
    })
</script>
